<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/js/mybooks.js"/>
<style type="text/css">
	.form-ele {
		margin : 5px
	}
</style>
<body>

<div title="我的图书" style="padding:15px; width:100%; height:100%;">
	<table class="easyui-datagrid" title="" style="width:100%;height:95%" id="booklist">
	</table>
</div>

<div id="addDialog" class="easyui-window" title="添加图书" style="width:600px;height:400px" 
	data-options="iconCls:'icon-save',modal:true,closed:true">   
    <div class="easyui-layout" data-options="fit:true">   
        <div data-options="region:'center'" style="padding:10px">   
            <!-- 1. isbn -->ISBN：<input id="bookIsbn" class="easyui-validatebox" data-options="required:true,validType:'validateISBN'" />  
            					  <a id="btnSearch" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">查询</a> <br/> <hr/><br/>
            <!-- 2. 书名 --> 书名：<input id="bookName" class="easyui-validatebox form-ele" data-options="required:true,validType:''" /> <br/>
            <!-- 3. 价格 --> 价格：<input id="bookPrice" class="easyui-validatebox form-ele" data-options="required:true,validType:''" /> <br/>
            <!-- 4. 版本 --> 版本：<input id="bookVersion" class="easyui-numberspinner form-ele" style="width:80px;" 
                        				data-options="required:true,min:1,max:50,editable:false"> <br/> <br/>
            <!-- 5. 出版日期 -->出版日期：<input  id="pressDate"  type= "text" class= "easyui-datebox form-ele" data-options="required:true,validType:''"/>  <br/>            
        	<!-- 6. 语种 -->   语种：       <select id="bookLang" class="easyui-combobox form-ele" name="dept" style="width:200px;" data-options="required:true"></select> <br/>
			<!-- 7. 出版社 --> 出版社：    <select id="bookPress" class="easyui-combobox form-ele" name="dept" style="width:200px;" data-options="required:true"></select><br/>
			<!-- 8. 作者 -->   作者：       <select id="bookAuthor" class="easyui-combobox form-ele" name="dept" style="width:200px;" data-options="required:true"></select><br/>
			<!-- 9. 封面 -->   封面：       <input id="bookCover" name="选择图片" class="easyui-filebox form-ele" data-options="prompt:'.jpg、.png',buttonText:'选择图片'" style="width:300px">
        </div>  
        <div data-options="region:'south',split:true" style="height:45px;">
        	<a id="commitBook" class="easyui-linkbutton form-ele" data-options="iconCls:'icon-?'">提交</a>  
        </div>   
    </div>   
</div>  
</body>
